@import 'Main';
@import "common";
@titleBack:#eff7f9;
@titleColor: #efefef;
.HkfsFundDetailContainer{
  background-color:  #f6f6f6;
  padding-bottom: 60px;
  .HkfsFundDetailContent{
    width:@mainWidth;
    margin:auto auto 60px auto;
    .HkfsFundDetailMessage {
      margin-top: 20px;
      .border-radius(5px);
      overflow: hidden;
      -webkit-box-shadow: 1px 1px 5px rgba(188,188,188,0.55);
      -moz-box-shadow: 1px 1px 5px  rgba(188,188,188,0.55);
      box-shadow: 1px 1px 5px  rgba(188,188,188,0.55);
      .HkfsFundDetailTab {
        background-color: white;
        .HkfsFundInfo {
          margin-top: 20px;
          .HkfsFundDetailMessageContent {
            margin-top: 20px;
            border-bottom: dashed 1px #cccccc;
            margin-bottom: 30px;
          }
          .HkfsFundInfoTitle {
            .HkfsFundInfoItem {
              background-color: @titleBack;
              height: 50px;
              line-height: 50px;
              font-size: 20px;
              color: #333333;
              vertical-align: top;
            }
          }
          .HkfsFundInfoItem{
            height:40px;
            line-height: 40px;
            width:20%;
            display: inline-block;
            text-align: center;
            font-size: 16px;
            color:#666666;
            vertical-align: top;
          }
          .long{
            width:40%;
            text-align: left;
          }
          .bolder{
            font-weight: bold;
            width:25%;
          }
          .middle{
            width:29%;
            text-align: right;
          }
          .short{
            width:11%;
          }
          .shortLeft{
            text-align: left;
            width:15%;
          }

          .left{
            text-align: left;
          }

        }

        .HkfsFundHisList{
          margin-top: 20px;
          .HkfsFundHisListContent{
            .HomeProductContent_Title{
              background-color: @titleBack;
              .HomeProductContent_TitleItem{
                height: 50px;
                line-height: 50px;
              }
            }
            .HomeProductContent_Content{
              .HomeProductItems{
                .HomeProductItem{
                  height: 48px;
                  line-height: 48px;
                  border-top: 1px dashed #efefef;
                }
              }
            }
          }
          .PagerDiv{
            text-align: right;
            padding:30px;
          }
        }

        .HkfsFundTransition{
          padding-bottom: 50px;
          .HkfsFundTransitionTitle{
            height:50px;
            margin-top: 30px;
            border-bottom: solid 1px #cccccc;
            &>div{
              display: inline-block;
              vertical-align: top;
            }
            .HkfsFundTransitionTitleImg{
              height:36px;
              margin-top: 7px;
              margin-left: 40px;
              background-color: #40a9dd;
              width:5px;
            }
            .HkfsFundTransitionTitleText{
              font-size: 21px;
              height: 50px;
              line-height: 50px;
              margin-left: 14px;
              color:#666666;
            }
          }
          .HkHkfsFundTransitionContent{
            margin: 0 60px;
            .RateItem{
              height:50px;
              line-height: 50px;
              color:#666666;
              font-size: 16px;
              border-bottom: dashed 1px #cccccc;
              &>div{
                display: inline-block;
                vertical-align: top;
                width:50%;
                text-align: left;
              }
            }
            .TransitionExplainItem{
              &>div{
                display: inline-block;
                vertical-align: top;
                width:33%;
                text-align: left;
              }
            }
            .TransitionExplainItemTitle{
              color:#444444;
            }
          }
        }
        .ReTab_TitleBackground {
          background: @titleColor;
          box-shadow: 0 2px 5px rgba(204, 204, 204, 0.7);
          .ReTab_Title {
            background: @titleColor !important;
            color: #666666;
            font-size: 20px;
            .ReTab_Down {
              background-color: @mainColor;
            }
          }
        }
      }
    }
  }
}